export default function Page() {
  return (
    <main>
      <h1 className="text-4xl">文件夹内容（文件）的约定</h1>
      <ol style={{listStyle: 'decimal outside'}}>
        <li>
          每个文件夹对应一个路由节点 (Route Segment)
          <p>文件夹可以嵌套子文件夹</p>
          <p>（嵌套）文件夹的约定规则一样，只是层次不同</p>
        </li>
        <li>
          特殊文件约定
          <p>page & loading & default</p>
          <p>layout (root vs nesting) & template</p>
          <p>not-found & error</p>
          <p>error (<q>use client</q>)</p>
          <p>route</p>
        </li>
        <li>其他文件名可用于代码组织（组件、lib 等等）</li>
        <li>nextjs.org</li>
        <a target="_blank" href="https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts">
          <p>page & layout</p>
        </a>
        <a target="_blank" href="https://nextjs.org/docs/app/building-your-application/routing#component-hierarchy">
          <p>层次结构</p>
        </a>
        <a target="_blank" href="https://nextjs.org/docs/app/building-your-application/routing/error-handling">
          <p>error boudary 的作用范围：就近原则</p>
        </a>
      </ol>
    </main>
  )
}
